details .detail-mark svg {
  display: none;
}

details[open] .detail-mark svg:first-child {
  display: block;
}

details:not([open]) .detail-mark svg:last-child {
  display: block;
}

.summaryPlaceholder .tagSelectedList:not(:empty) + .summaryPlaceholderText {
  display: none;
}

.countdown {
  color: currentColor;
}

.countdown-3s-before:before {
  content: "";
  animation: countdown_3s 3s linear 1s both;
}

.countdown-3s-after:after {
  content: "";
  animation: countdown_3s 3s linear 1s both;
}

.countdown-5s-before:before {
  content: "";
  animation: countdown_5s 5s linear 1s both;
}

.countdown-5s-after:after {
  content: "";
  animation: countdown_5s 5s linear 1s both;
}

@keyframes countdown_3s {
  0% {
    content: "3";
  }
  33% {
    content: "2";
  }
  66% {
    content: "1";
  }
  100% {
    content: "0";
  }
}

@keyframes countdown_5s {
  0% {
    content: "5";
  }
  20% {
    content: "4";
  }
  40% {
    content: "3";
  }
  60% {
    content: "2";
  }
  80% {
    content: "1";
  }
  100% {
    content: "0";
  }
}

.summaryPlaceholder,
.tagMessage,
.tagSearchResultList,
.tagSelectedBtnList,
.tag-category-tab,
.tag-category-content {
  scrollbar-width: var(--scrollbar-width);
}

/* 隐藏搜索框默认的清除按钮 & 使用自定义的按钮 */
.tagSearchInput[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.titleInput ~ button,
.tagSearchInput ~ button {
  transition: opacity .3s linear, transform .25s linear;
}

.titleInput:not(:focus) + .titleReset,
.tagSearchInput:not(:focus) + .tagSearchReset {
  transform: scale(0, 0);
  opacity: 0;
}

.titleInput + .titleReset:focus-within,
.tagSearchInput + .tagSearchReset:focus-within {
  transform: none;
  opacity: 1;
}
